import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// 全局注册
// <svg-icon></svg-icon>  用于使用svg图标
Vue.component('svg-icon', SvgIcon)

// require.context(directory, useSubdirectories, regExp)
// 用处: 实现自动化导入
// 1. directory 表示要查找的目录
// 2. useSubdirectories 表示是否查找子目录 false 不找子文件夹 true 查找子文件夹
// 3. regExp 正则 表示要查找的特征
const req = require.context('./svg', false, /\.svg$/)
// req.keys() 获取到所有需要导入的文件路径集合
// console.log(req.keys(), 9654)
// requireAll 封装一个导入所有的函数
const requireAll = requireContext => requireContext.keys().map(requireContext)
// 调用这个函数, 完成所有导入
requireAll(req)

// svg精灵图: 将svg一个个塞到一个大的结构中去
// 我们后面会学一个webpack插件  svg-sprite-loader ,这个插件可以将导入的所有svg图标塞到一个大的结构中去 => svg精灵图

// import './svg/dashboard.svg'
// import './svg/example.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
// import './svg/eye-open.svg'
